<script setup>
import { ref } from "vue";
import { saveCompany } from "../api/company";
import { useRouter } from "vue-router";

let company = ref({
    companyName:"",
    companyEmail:"",
    companyPhone:"",
    companyCity:"",
    companyIndustry:"",
    companySize:"",
    companyWebsite:"",
    companyStatus:"",
})

let companyId = ref() //刚添加的公司的id
const router = useRouter();

async function addCompany() {
   const response = await saveCompany(company.value)
   console.log("--------Save.vue页面的response------------")
   console.log(response)
   companyId.value = response.data.data.companyId//给id赋值
   console.log("添加完的公司id:" , response.data.data.companyId)
    //给id赋值之后设置跳转页面
    router.push(`/companyDetail/${companyId.value}`)
}

</script>

<template>
    <!-- 蚂蚁 ，1234@company , 88888 , 苏州 ， 互联网 ，1000+ ，www.aaa.com , Active  -->
    <div>
        <h2>添加公司</h2>
        <!-- 点击添加会提交表单，但是prevent会阻止页面刷新所以数据可以传过去 -->
        <form @submit.prevent="addCompany"> 
            公司名称：<input type="text" v-model="company.companyName"/><br> 
            公司邮箱：<input type="email" v-model="company.companyEmail"/><br>
            公司电话：<input type="text" v-model="company.companyPhone"/><br>
            公司城市：<input type="text" v-model="company.companyCity"/><br>
            公司类型：<input type="text" v-model="company.companyIndustry"/><br>
            公司规模：<input type="text" v-model="company.companySize"/><br>
            公司网址：<input type="text" v-model="company.companyWebsite"/><br>
            公司状态：<input type="text" v-model="company.companyStatus"/><br>
            <!-- <input type="button" value="添加" @click="addCompany"/> -->
            
             <!-- 不能用router-link 因为这样id还没赋值就跳转到companyDetail.vue页面了 要用button然后在button时写方法-->
             <!-- <router-link :to="'/companyDetail?id=' + companyId" @click="addCompany">添加公司</router-link>  -->
              <button type="submit">添加</button>
        </form>
    </div>
</template>